@charset "UTF-8";


/*	products
----------------------------------------------------------------------------- */


/* title */ 
.section-cont h1        { height: 50px; font-size: 20px; line-height: 50px; padding: 0 15px; margin-bottom: 20px; background-color: #1d2389; color:#fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; }
.section-cont h1 span	{ font-size: 16px; font-weight: normal; margin-left: .5em; display: inline-block; color: #fff; }
.section-cont h2		{ height: 30px; float: left; background: url('../images/common/subtitle-cont-bg.gif') repeat-x bottom; margin-bottom: 20px; padding-bottom: 8px; color: #557990; font-size: 18px; font-weight: normal; }
.title-banner			{ margin-bottom: 15px; }

/* grouplist */
.grouplist			    { list-style-type: none; border-bottom: 1px dotted #ccc; background: #eee; margin-bottom: 10px;  display: flex; flex-wrap: wrap; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; }
.grouplist li		    { display: block; }
.grouplist li p         { text-align: center; }
.grouplist li img	    { border-right: 1px solid #fff; border-bottom: 1px solid #fff;  vertical-align: bottom; }

@media(min-width:1700px){
	.section-cont       { width: 870px; margin: 40px 280px 50px 140px; }

	.grouplist          { width: 870px; padding: 10px 15px 10px; }
	.grouplist li       { width: 280px; }
	.grouplist li img   { width: 260px; height:auto; margin: 10px; }
	.grouplist li p     { line-height: 5px; padding-bottom: 15px; }
	.section-cont h2    { width: 870px; }
	.title-banner  img  { width: 870px; height: 150px; }
}
@media(max-width:1700px){
	.section-cont       { width: 870px; margin: 40px 0 0 40px;}
	.grouplist          { width: 870px; padding: 10px 15px 10px; }
	.grouplist li       { width: 280px; }
	.grouplist li img   { width: 260px; height: auto; margin: 10px; }
	.grouplist li p     { line-height: 5px; padding-bottom: 15px; }
	.section-cont h2    { width: 870px; }	
	.title-banner img   { width: 870px; height: 150px;}
}
@media(max-width:1220px){
	.section-cont       { width: 640px; }
	.grouplist          { width: 640px; padding: 10px 20px; }
	.grouplist li       { width: 300px; }
	.grouplist li img   { width: 280px; height: auto; margin: 10px; }
	.title-banner img   { width: 640px; height: 110px; }
}
@media(max-width:990px){
	.section-cont       { margin: 40px 0 0; }
}
@media(max-width:640px){
	.section-cont       { width: 100%; margin: 40px 0 0; }
	.section-cont-m	    { width: 100%; margin: 40px 0 0; }
	.grouplist          { width: 100%; padding: 10px 1%; }
	.grouplist li       { width: 50%; padding: 1%; }
	.grouplist li img   { width: 100%; height: auto; margin: 1%; }
	.grouplist li p     { width: 100%; font-size: 2.2vw; padding: 1% 0 3%; }
	.section-cont h1 span { font-size: 2.5vw;}
	.section-cont h2    { width: 100%;  }
	.title-banner img   { width: 100%; height: auto; }
}
/* singlelist */
.singlelist			    { list-style-type: none; border-bottom: 1px dotted #ccc; margin-bottom: 10px; padding-bottom: 10px; zoom: 1; }
.singlelist:after	    { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.singlelist li		    { float: left; width: 285px; background: #eee; display: block; }
.singlelist li.even     { float: right; width: 285px; }
.singlelist li img	    { border-right: 1px solid #fff; border-bottom: 1px solid #fff; margin: 5px 4px 5px 5px; vertical-align: bottom; }
.singlelist li p        { padding:2px 0 5px 10px; }

/*	products -detail
----------------------------------------------------------------------------- */
/* award */
.award	 		        { width: 580px; list-style-type: none; margin-top: -10px; margin-bottom: 20px; zoom: 1; }
.award:after	        { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.award li		        { float: left; width: 285px; }
.award li.even	        { float: right;width: 285px; }
.award li.odd-half	    { float: left; width: 140px; margin-left: 10px; padding-top: 10px; }
.award li.even-half	    { float: left; width: 140px; margin-left: 5px; padding-top: 10px; }
.award li span	        { font-size: 11px; }

/* article */
.article_odd,      
.article_even		{ width: 100%; margin: 20px 0; }
.article_odd::after { content: ""; display: block; clear: both; }
.article_even::after{ content: ""; display: block; clear: both; }

.article_odd p		{ float: left; line-break: strict; }
.article_even p		{ float: right; line-break: strict; }

.article_odd p span,
.article_even p span{ font-weight: bold; }
.sate               { line-break: normal; display: block; }
@media(min-width:1700px){
	.article_odd,
	.article_even   { height: 200px; }
	.article_odd p,
	.article_even p { font-size: 15px; width: 583px; height: 147px; } 
	.sate           { width: 870px; height: auto; font-size: 15px; }
}
@media(max-width:1700px){ 
	.article_odd,
	.article_even   { height: 200px; }
	.article_odd p,
	.article_even p { font-size: 15px; width: 583px; height: 147px; }
	.sate           { width: 870px; height: auto; font-size: 13px; }
}
@media(max-width:1220px){
	.article_odd,
	.article_even   { height: 150px; }
	.article_odd p,
	.article_even p { font-size: 13px; width: 452px; height: 98px; }
	.sate           { width: 640px; height: auto; font-size: 13px; }
}
@media(max-width:640px){
	.article_odd,
	.article_even   { width: 100%; height: auto; display: block; }
	.article_odd p,
	.article_even p { font-size: 2vw; width: 55%; height: auto; }
	.sate           { width: 100%; height: auto; font-size: 2vw; }
}

/* article_ps */
.article_ps			{ background: #eee; margin-bottom: 20px; }
.article_ps p		{ float: right; }
.article_ps ol		{ float: left; list-style-type: none;  display: flex; justify-content: center; }

/* article_process */
.article_process		       { width: 100%; margin-bottom: 20px; }
.article_process ol		       { width: 100%; list-style-type: none; display: flex; justify-content: center;  }
.article_process ol li  	   { display: flex; display: inline-block; position: relative; }
.article_process .frontispiece { z-index: 1; }
.article_process .arrow        { width: 27px; height: 18px; background: url('../images/contents/products/net/p-arrow.gif') no-repeat ; z-index: 5; display: block; }
.caption                       { text-align: center; padding-top: 5px; display: block; }

/* article_warning */
.article_warning	           { border: 3px solid #eea99a; padding: 10px; margin: 10px 0; color: #dd4422; font-weight: bold; }
.article_warning ul            { list-style-type: none; }
.article_warning ul ul         { list-style-type: disc; font-weight: normal; margin-left: 2em; }

/* frontispiece */
.article_odd .frontispiece     { float: right; }
.article_even .frontispiece	   { float: left; }

.frontispiece img              { width: 100%; height: auto; background: #eee; border: 1px solid #000; padding: 4px; vertical-align: bottom; }

@media(min-width:1700px){
	.article_ps                  { width: 870px; height: 175px; padding: 11px 10px 10px; }
	.article_ps p	             { width: 375px; }
	.article_ps ol               { width: 465px; }
	.article_ps ol li img        { height: 154px; }
	.article_process ol          { width: 870px; }
	.article_process ol li       { width: 267px; margin: 0 5px; }
	.article_process .arrow      { position: absolute; top: 100px; right: -15px; }
	.article_odd .frontispiece   { width: 267px; }
	.article_even .frontispiece	 { width: 267px; }
	.article_warning ul          { font-size: 15px; }
}
@media(max-width:1700px){
	.article_ps                  { width: 870px; height: 175px; padding: 11px 10px 10px; }
	.article_ps p	             { width: 375px; }
	.article_ps ol               { width: 465px; }
	.article_ps ol li img        { height: 154px; }
	.article_process ol          { width: 870px; }
	.article_process ol li       { width: 267px; margin: 0 5px; }
	.article_process .arrow      { position: absolute; top: 100px; right: -15px; }
	.article_odd .frontispiece   { width: 267px; }
	.article_even .frontispiece	 { width: 267px; }
	.article_warning ul          { font-size: 15px; }
}
@media(max-width:1220px){
	.article_ps                  { width: 640px; height: 130px; padding: 10px; }
	.article_ps p	             { width: 285px; }
	.article_ps ol               { width: 325px; }
	.article_ps ol li img        { height: 110px; }
	.article_process ol          { width: 640px; }
	.article_process ol li       { width: 178px; margin: 0 5px;}
	.caption                     { font-size: 13px; }
	.article_process .arrow      { position: absolute; top: 70px; right: -15px; } 
	.article_odd .frontispiece   { width: 178px; }
	.article_even .frontispiece	 { width: 178px; }
	.article_warning ul          { font-size: 13px; }  
}
@media(max-width:640px){
	.article_ps                  { width: 100%; height: auto; display: flex; flex-wrap: wrap-reverse; }
	.article_ps p	             { width: 100%; }
	.article_ps ol               { width: 100%; } 
	.article_ps ol li img        { height: 110px; }
	.article_process ol          { width: 100%; }	
	.article_process ol li       { width: 32%; margin: 0 0.5%; }
	.caption                     { font-size: 1.7vw; }
	.article_process .arrow      { position: absolute; top: 45%; right: -10%; }
	.article_odd .frontispiece   { width: 40%; }
    .article_even .frontispiece	 { width: 40%; }
    .article_warning ul          { font-size: 2.5vw;}
}

/* order-box */
.c-order                         { display: flex; justify-content: center; margin: 20px 0 10px; }
#d-order                         { display: flex; flex-wrap: wrap; }
.order-d                         { margin: 0 0 20px; }
.order-box .product-image	     { border: 1px solid #ccc; display: block; margin-bottom: 15px; }
.order-box .product-image img	 { vertical-align: bottom; }
.order-box .price-box		     { border: 3px solid #deeff9; text-align: center; }
.order-box .price-box .txt-title { font-weight: bold; }
.order-box .price-box .txt-price { color: #dd4422; }
.order-box .price-box .txt-tax	 { color: #dd4422; }

.order-box-d .product-image	       { border: 1px solid #ccc; display: block; margin-bottom: 15px; }
.order-box-d .product-image img	   { vertical-align: bottom; }
.order-box-d .price-box		       { border: 3px solid #deeff9; text-align: center; margin: 10px 0 0; }
.order-box-d .price-box .txt-title { font-weight: bold; }
.order-box-d .price-box .txt-price { color: #dd4422; }
.order-box-d .price-box .txt-tax   { color: #dd4422; }

/* spec */

.spec-box .comment               { line-height: 1.2em; }
.spec-box .comment-attention     { color: #dd4422; }
.spec-box .price-box             { border: 3px solid #deeff9; padding: 10px; text-align: center; }
.spec-box .price-box .txt-title	 { font-weight: bold; }
.spec-box .price-box .txt-price	 { color: #dd4422; }
.spec-box .price-box .txt-puls	 { color: #dd4422; }
.spec-box .price-box .txt-title	 { font-weight: bold; }
.spec-box .product-image		 { border: 1px solid #ccc; display: block; margin-bottom: 15px; }
.spec-box .product-image img	 { vertical-align: bottom; }

.spec-box table.spec	         { width: 100%; background: #333; margin-bottom: 15px; }
.spec-box table.spec th,
.spec-box table.spec td	         { padding: 5px 10px; }
.spec-box table.spec th  	     { width: 35%; background: #555; color: #fff; text-align: left; vertical-align: top; }
.spec-box table.spec td 	     { background: #fff; }
.spec-box table.spec td ul       { list-style-type: none; }
.spec-box .spec .txt-puls        { color: #dd4422; }

.d-spec-box table	         { width: 100%; background: #333; margin:10px 0; }
.d-spec-box table th,
.d-spec-box table td	     { padding: 5px 10px; }
.d-spec-box table th  	     { width: 35%; background: #555; color: #fff; text-align: left; vertical-align: top; }
.d-spec-box table td  	     { background: #fff; }
.d-spec-box table td ul      { list-style-type: none; }

a.arrow-link  { background: url('../images/common/arrow-cont-right.gif') no-repeat 0 5px; padding-left: 10px; }

@media(min-width:1700px){
	.c-order                         { width: 870px; }
	#d-order                         { width: 870px; padding: 20px 45px; }
	.order-d                         { width: 390px; padding: 10px 20px 0; }
	.order-box                       { width: 340px; margin: 5px; }
	.spec-box                        { width: 520px; margin: 5px; }
    .order-box .product-image img    { width: 338px; height: auto; }
	.order-box .price-box			 { padding: 10px; font-size: 15px; }
    .order-box .price-box .txt-title { font-size: 15px; }
    .order-box .price-box .txt-price { font-size: 20px; }
	.order-box .price-box .txt-tax	 { font-size: 15px; }
	.order-box .price-box .rollover img  { width: 280px; height: auto; }
	.spec-box .price-box .rollover img   { width: 280px; height: auto; }
	.spec-box .price-box             { font-size: 15px; }
	.spec-box .price-box .txt-title  { font-size: 15px; }
	.spec-box .price-box .txt-price  { font-size: 20px; }
	.spec-box .price-box .txt-tax    { font-size: 15px; }
	.spec-box th                     { font-size: 15px; }  
	.spec-box td                     { font-size: 15px; }
	.d-spec-box th                   { font-size: 15px; }  
	.d-spec-box td                   { font-size: 15px; }
	.spec-box .comment-attention   { font-size: 15px; } 
	.spec-box .rollover1 img         { width: 420px; height: auto; margin: 0 50px; }  
	
	.d-spec-box table                  { width: 350px; }
	.order-box-d .product-image img    { width: 348px; height: auto; }
	.order-box-d .price-box			   { padding: 10px; font-size: 15px; }
    .order-box-d .price-box .txt-title { font-size: 15px; }
    .order-box-d .price-box .txt-price { font-size: 20px; }
	.order-box-d .price-box .txt-tax   { font-size: 15px; }
	.order-box-d .price-box .rollover img  { width: 280px; height: auto; }
} 
@media(max-width:1700px){
	.c-order                           { width: 870px; }
	#d-order                         { width: 870px; padding: 20px 45px; }
	.order-d                         { width: 390px; padding: 10px 20px 0; }
	.order-box                       { width: 340px; margin: 5px; }
	.spec-box                        { width: 520px; margin: 5px; }
    .order-box .product-image img    { width: 338px; height: auto; }
	.order-box .price-box			 { padding: 10px; font-size: 15px; }
    .order-box .price-box .txt-title { font-size: 15px; }
    .order-box .price-box .txt-price { font-size: 20px; }
	.order-box .price-box .txt-tax	 { font-size: 15px; }
	.order-box .price-box .rollover img  { width: 280px; height: auto; }
	.spec-box .price-box .rollover img   { width: 280px; height: auto; }
	.spec-box .price-box             { font-size: 15px; }
	.spec-box .price-box .txt-price  { font-size: 20px; }
	.spec-box .price-box .txt-price  { font-size: 20px; }
	.spec-box .price-box .txt-tax    { font-size: 15px; }
	.spec-box th                     { font-size: 15px; }  
	.spec-box td                     { font-size: 15px; } 
	.d-spec-box th                   { font-size: 15px; }  
	.d-spec-box td                   { font-size: 15px; }
	.spec-box .comment-attention     { font-size: 15px; } 
	.spec-box .rollover1 img         { width: 420px; height: auto; margin: 0 50px; }

	.d-spec-box table                  { width: 350px; }
	.order-box-d .product-image img    { width: 348px; height: auto; }
	.order-box-d .price-box			   { padding: 10px; font-size: 15px; }
    .order-box-d .price-box .txt-title { font-size: 15px; }
    .order-box-d .price-box .txt-price { font-size: 20px; }
	.order-box-d .price-box .txt-tax   { font-size: 15px; }
	.order-box-d .price-box .rollover img  { width: 280px; height: auto; }
}
@media(max-width:1220px){
	.c-order                           { width: 640px; }
	#d-order                         { width: 640px; padding: 20px 10px; }
	.order-d                         { width: 300px; padding: 10px; }
	.order-box                       { width: 245px; margin: 5px; }
	.spec-box                        { width: 385px; margin: 5px; }
    .order-box .product-image img    { width: 243px; height: auto; }
    .order-box .price-box			 { padding: 10px; font-size: 13px; }
    .order-box .price-box .txt-title { font-size: 13px; }
    .order-box .price-box .txt-price { font-size: 18px; }
	.order-box .price-box .txt-tax	 { font-size: 13px; }
	.order-box .price-box .rollover img  { width: 223px; height: auto; }
	.spec-box .price-box .rollover img   { width: 223px; height: auto; }
	.spec-box .price-box             { font-size: 13px; }
	.spec-box .price-box .txt-title  { font-size: 13px; }
	.spec-box .price-box .txt-price  { font-size: 18px; }
	.spec-box .price-box .txt-tax    { font-size: 13px; }
	.spec-box th                     { font-size: 13px; }  
	.spec-box td                     { font-size: 13px; } 
	.d-spec-box th                   { font-size: 13px; }  
	.d-spec-box td                   { font-size: 13px; }
	.spec-box .comment-attention     { font-size: 13px; }  
	.spec-box .rollover1 img         { width: 385px; height: auto; margin: 0; }

	.d-spec-box table                  { width: 280px; }
	.order-box-d .product-image img    { width: 278px; height: auto; }
	.order-box-d .price-box			   { padding: 10px; font-size: 13px; }
    .order-box-d .price-box .txt-title { font-size: 13px; }
    .order-box-d .price-box .txt-price { font-size: 18px; }
	.order-box-d .price-box .txt-tax   { font-size: 13px; }
	.order-box-d .price-box .rollover img  { width: 223px; height: auto; }
}
@media(max-width:640px) {
	.c-order                           { width: 100%; }
	#d-order                         { width: 100%; padding: 10px 2%; }
	.order-d                         { width: 50%; padding: 2%; }
	.order-box                       { width: 50%; margin: 5px; }
	.spec-box                        { width: 50%; margin: 5px; }
    .order-box .product-image img    { width: 100%; height: auto; }
    .order-box .price-box			 { padding: 10px; font-size: 2vw; }
    .order-box .price-box .txt-title { font-size: 2vw; }
    .order-box .price-box .txt-price { font-size: 2.5vw; }
	.order-box .price-box .txt-tax	 { font-size: 2vw; }
	.order-box .price-box .rollover img  { width: 85%; height: auto; }
	.spec-box .price-box .rollover img   { width: 85%; height: auto; }
	.spec-box .price-box             { font-size: 2vw; }
	.spec-box .price-box .txt-title  { font-size: 2vw; }
	.spec-box .price-box .txt-price  { font-size: 2.5vw; }
	.spec-box .price-box .txt-tax    { font-size: 2vw; }
	.spec-box th                     { font-size: 2vw; }  
	.spec-box td                     { font-size: 2vw; }
	.d-spec-box th                   { font-size: 2vw; }  
	.d-spec-box td                   { font-size: 2vw; }   
	.spec-box .comment-attention     { font-size: 2vw; }
	.spec-box .rollover1 img         { width: 100%; height: auto; }

	.d-spec-box table                  { width: 100%; }
	.order-box-d .product-image img    { width: 99%; height: auto; }
	.order-box-d .price-box			   { font-size: 2vw; }
    .order-box-d .price-box .txt-title { font-size: 2vw; }
    .order-box-d .price-box .txt-price { font-size: 2.5vw; }
	.order-box-d .price-box .txt-tax   { font-size: 2vw; }
	.order-box-d .price-box .rollover img  { width: 85%; height: auto; }
}

/* tonda-warter award */
.bnrbox-d               { display: flex; justify-content: center; }
#bnrbox                 { display: flex; flex-wrap: wrap; }
#bnrbox li              { list-style:none; }
@media(min-width:1700px){ 
	.burbox-d           { width: 870px; } 
	#bnrbox             { width: 724px; }
	#bnrbox .ber        { margin: 2px 10px; }
	#bnrbox .mini       { margin: 14px 0 2px 10px; }
	#bnrbox .sec        { margin: 14px 10px 2px 6px; }
	#bnrbox .ber img    { width: 342px; height: 90px; }
	#bnrbox .mini img   { width: 168px; height: 78px; }
	#bnrbox .sec img    { width: 168px; height: 78px; }  
}
@media(max-width:1700px){
	.burbox-d           { width: 870px; } 
	#bnrbox             { width: 724px; }
	#bnrbox .ber        { margin: 2px 10px; }
	#bnrbox .mini       { margin: 14px 0 2px 10px; }
	#bnrbox .sec        { margin: 14px 10px 2px 6px; }
	#bnrbox .ber img    { width: 342px; height: 90px; }
	#bnrbox .mini img   { width: 168px; height: 78px; }
	#bnrbox .sec img    { width: 168px; height: 78px; }  
 }
@media(max-width:1220px){ 
	.burbox-d           { width: 640px; } 
	#bnrbox             { width: 590px; }
	#bnrbox .ber        { margin: 2px 5px; }
	#bnrbox .mini       { margin: 12px 0 2px 5px; }
	#bnrbox .sec        { margin: 12px 5px 2px 5px; }
	#bnrbox .ber img    { width: 285px; height: 75px; }
	#bnrbox .mini img   { width: 140px; height: 65px; }
	#bnrbox .sec img    { width: 140px; height: 65px; }  
}
@media(max-width:640px) {
	.burbox-d           { width: 100%; } 
	#bnrbox             { width: 100%; }
	#bnrbox .ber        { width: 48%; margin: 0.2% 1%; }
	#bnrbox .mini       { width: 23.5%; margin: 2% 0 0.2% 1%; }
	#bnrbox .sec        { width: 23.5%; margin: 2% 1% 0.2% 1%; }
	#bnrbox .ber img    { width: 100%; height: auto; }
	#bnrbox .mini img   { width: 100%; height: auto; }
	#bnrbox .sec img    { width: 100%; height: auto; }  
 }